<template>
  <div class="mb-wrap">
    <task-tree
      @select="handleSelect"
      class="app-cate-menu flex-none"
    />
    <task-info
      :current-data="currentData"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';
import TaskTree from './task-tree.vue';
import TaskInfo from './task-info.vue';

const props = defineProps({
  appId: Number
});

const currentData = ref({});

const handleSelect = (data) => {
  currentData.value = data;
};
</script>
